<template>
<div ref="text" @click="setvue">
  播放
</div>
</template>

<script>
export default {
  name: "item",
  props:{
    bool:{
      type:Boolean,
    },
    index:{
      type:Number
    }
  },
  methods:{
    setvue(){
        if(this.bool){
          this.$refs.text.innerHTML='暂停';
        }else {
          this.$refs.text.innerHTML='播放'
        }
       this.$emit('setext')
    }
  },
}
</script>

<style scoped>

</style>